<template>
<div>
  <div class="pingjiaxinxi">
    <van-cell-group v-for="item in tableData">
      <van-card>
        <template #tags>
          <div> <span class="">
            <img class="touxiang" :src="item.touxiang"></span>
            <span class="mingzi">{{ item.name }}</span>
            <span class="qiche">{{ item.qiche }}</span>
            <span class="shijian">{{ item.shijian }}</span><br><br>
            <span class="xingji">{{ item.xingji }}</span>
            <span class="pinfen">{{ item.pinfen }}.00</span>
          </div>
          <br><br><br>
          <div>
            <span class="pinglun">{{ item.pinglun }}</span>
            <span class="zhaopian">
                <img :src="item.zhaopian">
              </span>
            <span class="zhaopian2">
                <img :src="item.zhaopian2">
              </span>
            <span class="suoxu">{{ item.xinxi }}</span>
          </div>
        </template>
      </van-card>
    </van-cell-group>
  </div>
</div>
</template>
<script>
export default {
  name: "GengduoView",
  data(){
    return{
      tableData:[],
    }
  },
  methods:{
    gengduoxinxi() {
      // var id = this.$route.query.id
      this.axios.post(`http://1.94.221.254:9999/api-qcfw-mendian/mendian/gengduoxinxi`).then(res => {
        this.tableData = res.data
      })
    },
  },
  created() {
    this.gengduoxinxi();
    var token = localStorage.getItem('token');
    if (token === null) {
      this.$router.push('/');
    }
  }
}
</script>



<style scoped>
.touxiang {
  width: 20px;
  height: 20px;
}
.mingzi {
  padding-left: 5px;
}
.qiche {
  padding-left: 5px;
}

.shijian {
  float: right;
}
.xingji {
  font-size: 8px;
  margin-top: 6px;
  padding-left: 5px;
  color: #FB4D03;
}

.pinfen {
  padding-left: 10px;
  margin-top: 6px;
}
.zhaopian {
  margin-top: 5px;
  //padding-left: 5px;
}

.zhaopian2 {
  margin-top: 5px;
  padding-left: 10px;
}
.suoxu{
}

</style>